@charset "utf-8";

/* CSS Document */

* {
	font-family: "微软雅黑";
	outline: none; font-size: 14px; line-height: 24px;
}



body,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p,
from {
	margin: 0;
}
ol,
ul,
li,
img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;list-style:none;
	vertical-align: baseline;
}

input,
img,
textarea {
	border: none;
	border-radius: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight: rgba(0, 0, 0, 0);
	-webkit-text-size-adjust: none;
}
ul li{ list-style:none;}
a { color: #5a5a5a;
	text-decoration: none;
	blr: expression(this.onFocus=this.blur());
	/* IE Opera */
	outline: none;
	/* FF Opera */
}
a:hover{color: #ad0502;}

a:focus {
	-moz-outline-style: none;
	/* FF */
}

img,
input {
	border: 0;
}

input,
textarea,
select {
	outline: none;
}

a div,
a span {
	cursor: pointer;
}

textarea {
	resize: none;
}

.container1200 {
	width: 1200px; overflow: hidden;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.lf {
	display: block;
	float: left;
}

.rf {
	display: block;
	float: right;
}

*,
*:before,
*:after {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}


/****************************index首页****************************/


.header{ width: 100%; height: 100px; position: fixed;top: 0; left: 0; background: #fff;z-index: 999; border-bottom: 1px solid #e1e1e1}
.logo{ padding-top:15px; animation: 0.8s linear 0s normal both 1 running logo1;}
.top_login{background: url(../images/user.png) no-repeat left; color: #ad0502; padding-left: 30px; margin-top: 40px;}
.top_login a{color: #ad0502; }
/*导航 开始*/
.navi{ height:100px;z-index:9999; margin-left: 80px; margin-right: 60px; position: absolute; left: 250px;}
.navi ul{ height:100px; display:block; float:right;}
.navi ul li{ overflow:hidden; display:block; float:left; }
.navi ul li .items{ height:100px; display:block; font-size:15px; color:#333333; line-height:105px; padding:0 35px; } 
.navi ul li .items:hover{ color: #ad0502}
.navi ul li .items_on{ color: #ad0502; }
.navi .navi_content{width:230px;  white-space:nowrap; display:none; /*border-top:2px solid #ad0502;*/padding:0px 0px; text-align: center; position:absolute; top:100px; background:rgba(255,255,255,0.6); z-index:999; overflow:hidden;}
.navi .navi_content a{ overflow:hidden; display:block; font-size:14px; color:#000;  line-height:16px; border-bottom: 1px solid rgba(255,255,255,0.7); padding: 15px 5px; text-align:center;}
.navi .navi_content a:hover{color: #ad0502; border-bottom: 1px solid #ad0502; }
/*导航 结束*/
/*banner 切换开始*/
.W_auto {
    margin: 0 auto;
    width: 100%;
}
.W_bann {
    height: 630px;
    position: relative;
    width: 100%;
}
.W_bann #slider {
    height: 630px;
    width: 100%;
}
.W_bann #slider li {
    display: none;
    font-size: 0;
    height: 630px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.W_bann .element {
    margin: 0 auto; text-align: center;
    width: 1200px;
}
.W_bann .e1 .b1 {
    top: 30px;
    z-index: 9;
}
.W_bann .e2 .b1 {
    top: 20px;
    z-index: 8;
}
.W_bann .e2 .b2 {
    top: -30px;
    z-index: 9;
}
.W_bann .e2 .b3 {
    top: 320px;
    z-index: 9;
}
.W_bann .e3 .b1 {
    top: 70px;
    z-index: 8;
}
.W_bann .e3 .b2 {
    top: 130px;
    z-index: 9;
}
.W_bann .e4 .b1 {
    top: 71px;
    z-index: 8; 
}
.W_bann .e4 .b2 {
    top: -20px;
    z-index: 9;
}
.W_bann .e5 .b1 {
    top: 200px;
    z-index: 9;
}
.W_bann .e5 .b2 {
    top: 210px;
    z-index: 8;
}
.W_bann .e5 .b3 {
    top: 90px;
    z-index: 7;
}
.W_bann .e6 .b1 {
    top: 5px;
    z-index: 9;
}
.W_bann .element .thumb {
    position: absolute;
}
.W_bann .element .thumb img {
    background: transparent none repeat scroll 0 0;
}
.W_bann .point {
    margin: 0 auto;
    overflow: hidden;
    z-index: 999;
}
.W_bann #num {
    bottom: 38px;
    height: 8px;
    left: 48%;
    margin: 0 auto;
    position: absolute;
    width: 80px;
}
.W_bann #num span {
    border: 2px solid #fff;
    cursor: pointer;
    display: inline;
    float: left;
    height: 18px;
    line-height: 0;
    margin-left: 10px;
    text-indent: -9999px;
    width: 18px;border-radius: 9px;
}
.W_bann #num .on {
    background:#fff;border: 2px solid #fff;
}
.banner {
    display: block; margin-top:100px;


}
.ban-text {
    color: #757575;
    display: block;
    font-size: 18px;
    line-height: 22px;
    padding-top: 150px;
    overflow: hidden;
    width: 750px; margin: 0 auto
}
.ban-text span { text-align: center;
    color: #fff;
    display: block;
    font-size: 48px; font-weight: bold;text-transform: uppercase;font-family:Arial, Helvetica, sans-serif;letter-spacing:8px;
    line-height: 26px; margin-top:40px;
}
.ban-text p {
    color: #fff;
    display: block; text-align: center;
    font-size: 18px;
    line-height: 38px;
}
.ban-text .ms{ font-size: 12px;color: #fff; margin-top:30px; line-height: 18px;}
.ban-text .gd{ width:170px;   text-align: center;  color: #fff; margin-top: 126px!important; margin: 0 auto}
.ban-text .gd a{color: #fff;height: 40px; display: block;border-radius:20px;background: #ad0502; line-height: 40px;}
.ban-text .gd a:hover{background: #ce2f2c;}
/*banner 切换结束*/
.service{ width: 100%; background:#eeeeee; border-bottom: 1px solid #d9d9d9; height: 150px;}
.ser1{ width: 400px; padding-top: 45px; height: 149px; padding-left: 20px;}
.ser1:hover{background: #f5f5f5; cursor: pointer;}
.ser-img{ width: }
.ser-title{ margin-left:20px; padding-top: 10px;}
.ser-title h4{ color: #252e35; font-size: 18px; line-height: 30px;}
.ser-title p{color: #969696; font-size: 14px;}
.title2{text-align: center; margin: 0 auto;margin-top:100px!important; width: 1200px;}
.title2 h4{text-transform: uppercase;font-size: 30px;font-family:Arial, Helvetica, sans-serif;  line-height: 40px; margin-bottom: 10px;}
.title2 span{width: 130px; height: 22px; line-height: 22px; text-align:center; border:1px solid #cccccc; color: #666666; display: block; margin:0 auto}
.class{width: 1200px; margin-top: 80px; overflow: hidden;}
.class ul li{ float: left; width: 270px; margin-right: 30px;}
.class-img{ width: 270px; height: 180px; overflow: hidden;}
.class-text{width: 270px; text-align: center; background:#f6f6f6;border: 1px solid #eeeeee; padding: 20px 10px;}
.class-text h4{ color: #333333;}
.class-text span{color: #ad0502;}
.more{ margin: 0 auto;height: 40px; line-height: 38px; margin-top:60px!important; width: 170px; }
.more a{width: 170px; height: 40px; line-height: 38px;background: url(../images/more.png) no-repeat; display: block;}
.more a:hover{background: url(../images/more-hover.png) no-repeat;}
.news_bg{width: 100%; height: 770px;margin-top:100px; background: url(../images/news.png);} 
.news_con{ width: 1200px;background: #fff;padding: 20px 30px 40px 30px; overflow: hidden; margin-top:70px;}
.news_l{float: left;width: 560px; margin-top:20px;}
.news_r{float:right;width: 560px;}
.news_r ul li{width: 560px; border-bottom: 1px solid #ededed; display: block; overflow: hidden;}
.news_img{ border-radius: 50%; border: 1px solid #f2f2f2; float: left; margin: 15px;padding: 18px 20px;}
.news_img img{ display: block;}
.news_text{ float: left; margin-left:15px; width: 450px; margin-top: 20px;}
.news_text p{ height: 20px; line-height: 20px; overflow: hidden;text-overflow:ellipsis;}
.title1{text-align: center; margin: 0 auto;margin-top:100px!important; width: 1200px;}
.title1 h4{text-transform: uppercase;font-size: 30px;font-family:Arial, Helvetica, sans-serif;  line-height: 40px; margin-bottom: 10px; color: #fff}
.title1 span{width: 130px; height: 22px; line-height: 22px; text-align:center; border:1px solid #fff; color: #fff; display: block; margin:0 auto}
.active{width: 1200px; margin-top:80px;}
.active-fl{width: 100px; float: left;}
.active-img{border-radius: 50%; border: 2px solid #f2f2f2; float: left;padding: 23px; overflow:hidden;}
.active-img:hover{border: 2px solid #ad0502; }
.active-img img{ display: block;}
.active-text{text-align: center; width: 100px; margin-top:20px; overflow: hidden;}
.active-text h4{ color: #252e35; padding-top:40px;}
.active-text span{ color: #969696}
.active-xt{ width: 175px; border-top:2px dashed #eeeeee; height: 80px; float: left; margin-top: 55px;}
.about{ width: 100%;background: url(../images/xbj_i5w8.jpg); height:750px; margin-top:100px;}
.about_l{float: left;width: 570px; border-right:1px solid #e1e1e1; padding-bottom:10px;}
.about_r{float:right;width: 500px;}
.about_r h4{margin-bottom: 20px; margin-top:20px;}
.about_r p{color: #666; margin-bottom: 30px; line-height: 30px;}
.gd1{ padding-bottom: 5px; border-bottom: 1px solid #ededed;}
.about-l-lb{width: 500px; border-bottom: 1px solid #ededed; display: block; overflow: hidden; padding: 10px;}
.about_img{ margin: 15px; float: left;}
.about_text{ float: left;  width: 400px; margin-top: 20px;}
.about_text p{ height: 20px; line-height: 20px; overflow: hidden; color: #666666}
.footer{ width: 100%; background: #080808; height: 230px; margin-top: 100px;}
.fx{ width: 1200px; text-align: center; margin: 0 auto; padding-top: 10px;}
.fx a{display: inline-block; padding: 20px;}
.footer_nav{ width: 1200px; text-align: center; padding-top:30px;}
.footer_nav a{ display: inline-block; padding: 10px 30px; color: #fff}
.footer_nav a:hover{ color: #ad0502}
.footer_bottom{margin: 30px; }
.footer_tel{float: left;padding-top:20px;}
.footer_tel_img{float: left; padding-top: 10px;padding-right: 15px;}
.footer_tel_text{ float: left; padding-top: 5px;}
.footer_tel_text h4{color: #fff}
.footer_tel_text span{color: #ad0502; font-size: 24px;}
.footer_bq{float: left; border-left: 1px solid #333333; padding-top: 10px; padding-left: 20px; height: 100px; color: #666666; margin-left: 50px;}
.erw{float: right; width: 270px;border-left: 1px solid #333333; height: 100px; }
.erw_text{text-align:right;float: right; color: #666666; padding-top: 18px; padding-right: 20px;}
.erw_img{float: right;}
.jp-video {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	position:relative;

	-webkit-box-shadow:0px 0px 20px rgba(0,0,0,.3);
	-moz-box-shadow:0px 0px 20px rgba(0,0,0,.3);
	box-shadow:0px 0px 20px rgba(0,0,0,.3);
	background:#ccc;
}
.jp-video-360p {
	width:300px;  float:right
}
.jp-video-full {
	width:300px;
	height:370px;
	position:static !important; 
	position:relative;
}
.jp-video-full .jp-jplayer {
	top: 0;
	left: 0;
	position: fixed !important; position: relative; /* Rules for IE6 (full-screen) */
	overflow: hidden;
	z-index:1000;
}

.jp-video-full .jp-gui {
	position: fixed !important; position: static; /* Rules for IE6 (full-screen) */
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	z-index:1000;
}

.jp-video-full .jp-interface {
	position: absolute !important; position: relative; /* Rules for IE6 (full-screen) */
	bottom: 0;
	left: 0;
	z-index:1000;
}


.jp-interface {
	position: relative;
	width:100%;
	height: 35px;

	background-image: -webkit-linear-gradient(top, rgb(242, 242, 242), rgb(209, 209, 209));
	background-image: -moz-linear-gradient(top, rgb(242, 242, 242), rgb(209, 209, 209));
	background-image: -o-linear-gradient(top, rgb(242, 242, 242), rgb(209, 209, 209));
	background-image: -ms-linear-gradient(top, rgb(242, 242, 242), rgb(209, 209, 209));
	background-image: linear-gradient(top, rgb(242, 242, 242), rgb(209, 209, 209));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f2f2f2', EndColorStr='#d1d1d1');

	-webkit-box-shadow:
		inset 0px 1px 0px #f7f7f7,
		inset 0px -1px 0px #e2e2e2;
	-moz-box-shadow:
		inset 0px 1px 0px #f7f7f7,
		inset 0px -1px 0px #e2e2e2;
	box-shadow:
		inset 0px 1px 0px #f7f7f7,
		inset 0px -1px 0px #e2e2e2;
}

div.jp-controls-holder {
	clear: both;
	width:570px;
	margin: 0 auto;
	
	position: relative;
	overflow:hidden;
}

a.jp-play,
a.jp-pause {
	width:40px;
	height:35px;
	float:left;
	text-indent:-9999px;
	outline:none;
}

a.jp-play {
	background: url(../images/sprite.png) 0 0 no-repeat;
}

a.jp-pause {
	background: url(../images/sprite.png) -40px 0 no-repeat;
	display: none;
}

#separator {
	background-image:url(../images/separator.png);
	background-repeat:no-repeat;
	width: 2px;
	height: 35px;
	float:left;
	margin-top: 7px; 
	margin-right: 10px;
}

.jp-progress {
	background: #706d6d;

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;

	-webkit-box-shadow:
		inset 0px 1px 4px rgba(0,0,0,.4),
		0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow:
		inset 0px 1px 4px rgba(0,0,0,.4),
		0px 1px 0px rgba(255,255,255,.4);
	box-shadow:
		inset 0px 1px 4px rgba(0,0,0,.4),
		0px 1px 0px rgba(255,255,255,.4);

	width:70px;
	height:10px;
	float:left;
	margin-top: 13px;
}

.jp-seek-bar {
	width:0px;
	height:100%;
	cursor: pointer;
}

.jp-seeking-bg {
	background:#575555;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.jp-play-bar {
	background: url(../images/play-bar.png) left repeat-x;
	width:0px;
	height:10px;
	position:relative;
	z-index: 9999;
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.jp-play-bar span {
	position:absolute;
	top: -3px;
	right: -12px;

	background:url(../images/handle.png) no-repeat center;
	width: 16px;
	height: 17px;
}

.jp-current-time,
.jp-duration {
	font-size:11px;
	font-family:Arial;
	color:#444444;
	margin-top: 6px;
	float:left;
}
.jp-current-time {
	float: left;
	display:inline;
}
.jp-duration {
	float: left;
	display:inline;
	text-align: right;
}
.jp-video .jp-current-time {
	margin-left:10px;
}
.jp-video .jp-duration {
	margin-right:10px;
}
.time-sep {
	float:left;
	margin: 7px 3px 0 3px;

	font-size:11px;
	font-family:Arial;
	color:#444444;
}


.jp-video a.jp-mute,
.jp-video a.jp-unmute {
	text-indent:-9999px;
	float:left;
	
	height: 35px;
	outline:none;
}

.jp-mute {
	float:left;
	background: url(../images/sprite.png) -80px 0 no-repeat;
	margin-top: 1px;
	margin-left: -10px;
	width: 35px;
}

a.jp-unmute {
	background: url(../images/sprite.png) -115px 0 no-repeat;
	margin-top: 1px;
	margin-left: -13px;
	display: none;
	width: 38px;
}

.jp-volume-bar {
	float:left;
	margin-top: 13px;
	margin-right: 10px;
	overflow:hidden;
	width:40px;
	height:10px;
	cursor: pointer;

	background: #706d6d;

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;

	-webkit-box-shadow:
		inset 0px 1px 4px rgba(0,0,0,.4),
		0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow:
		inset 0px 1px 4px rgba(0,0,0,.4),
		0px 1px 0px rgba(255,255,255,.4);
	box-shadow:
		inset 0px 1px 4px rgba(0,0,0,.4),
		0px 1px 0px rgba(255,255,255,.4);
}

.jp-volume-bar-value {
	background: rgba(112,109,109.01);
	width:0px;
	height:10px;
	position: relative;
}

.jp-volume-bar-value span {
	position:absolute;
	top: 0px;
	right: 0px;

	background:url(../images/volume.png) no-repeat center;
	width: 11px;
	height: 10px;
}

.jp-full-screen {
	background: url(../images/sprite.png) -150px 0 no-repeat;
	float:left;
	width: 40px;
	height: 35px;
	text-indent:-9999px;
	margin-left: -15px;
	outline:none;
}

.jp-restore-screen {
	background: url(../images/sprite.png) -150px 0 no-repeat;
	float:left;
	width: 40px;
	height: 35px;
	text-indent:-9999px;
	margin-left: -15px;
	outline:none;
	
}
.video{position: fixed; left: 10px; bottom: 0px;}
.close{position:absolute; right: 10px; top: 10px; z-index: 999}

.code{ height:auto; padding:20px; border:1px solid #9EC9FE; background:#ECF3FD;}
.code pre{ font-family:"Courier New";font-size:14px;}
.info{ font-size:12px; color:#666666; font-family:Verdana; margin:20px 0 50px 0;}
.info p{ margin:0; padding:0; line-height:22px; text-indent:40px;}
h2.title{ margin:0; padding:0; margin-top:50px; font-size:18px; font-family:"微软雅黑",Verdana; line-height: 35px;}
h3.title{ font-size:16px; font-family:"微软雅黑",Verdana;}
.importInfo{ font-family:Verdana; font-size:14px;}
#mrq{width:1200px; margin:20px auto;border:1px solid #000; padding:2px}
#Marquee_x { overflow:hidden; width:1200px; padding-top: 70px; } 
#Marquee_x ul li ,#Marquee_x ul li div{ float:left;line-height:25px;overflow:hidden} /* 横向滚动必须让所有li左浮动 */
#Marquee_x ul li div{ float:left;line-height:25px;height:80px; width:170px; overflow:hidden}
#Marquee_x ul li div img{ border:1px solid #DADADA; width:170px; height:80px; display:block}
#Marquee_x ul li div span{ display:block;}
.sub_banner{ width: 100%; text-align: center; height: 400px; overflow:hidden;}

.sub_about{ padding:40px 20px;}
.sub_news{ width: 100%; margin-top:20px; margin-bottom: 40px; overflow: hidden; }
.sub_news ul li{ border-bottom:1px solid #ededed;overflow: hidden; padding-top: 30px; padding-bottom: 30px;}
.sub_news_img{ float: left; width: 280px; height: 180px; overflow: hidden; float: left;}
.sub_news_img img{width: 280px; height: 180px; }
.sub_news_text{ padding-left: 25px; width: 880px; float: left;}
.sub_news_text h4{ color: #5a5a5a; font-weight: bold; font-size: 16px;}
.sub_news_text h4:hover{color: #ad0502}
.sub_news_text span{ font-size: 12px; color: #999999}
.sub_news_text p{ color: #888888;}
.page {
    clear: both;
   
    line-height: 35px;
    margin: 0 auto; font-size: 12px;
    overflow: hidden;
    padding: 10px;
    text-align: center;  padding-bottom: 40px; 
}
.page a {
    border: 1px solid #dddcdc;
    border-radius: 4px;
    color: #383838;
    font-family: "����";
    margin-right: 3px;
    padding: 9px 12px;
}
.page a:hover {
    background: #ad0502 none repeat scroll 0 0;
    border: 1px solid #ad0502;
    color: #fff;
}
.page a.hover {
    background: #ad0502 none repeat scroll 0 0;
    border: 1px solid #ad0502;
    color: #fff;
}
.page input {
    border: 1px solid #dddcdc;
    height: 20px;
    vertical-align: middle;
}
.page .lable {
    color: #383838;
    font-family: "����";
}
.page input.pageDetail {
    border-radius: 4px;
    color: #383838;
    font-family: "����";
    height: 30px;
    margin-bottom: 2px;
    margin-right: 3px;
    text-align: center;
    width: 30px;
}
.page input.page_bnt {
    border: medium none;
    border-radius: 4px;
    cursor: pointer;
    height: 30px;
    margin-left: 3px;
    width: 50px;
}

.sub_fl{ margin-top: 40px;}
.sub_fl a{ display: inline-block; padding: 5px 15px; border:1px solid #ededed; margin-right: 10px;}
.sub_fl a:hover{ background:#ad0502; color: #fff}
.sub_fl  #active{ background:#ad0502; color: #fff}
.sub_tk{ margin-top: 15px;}
.sub_tk a{ display: block;width: 120px; border:1px solid #ededed; height: 36px; line-height: 36px; border-radius: 18px; text-align: center;}
.sub_tk a:hover{background:#ad0502; color: #fff!important;border:1px solid #ad0502;}
.pageUp {
    border-top: 1px solid #eae8e8;
    color: #555;
    display: block;
    font-size: 14px;
    line-height: 30px;
    padding: 15px 0 30px;
}
.pageUp a {
    color: #666;
}
.pageUp a:hover {
    color: #ad0502;
}
.news_xx{ padding: 10px; margin-top: 40px;}
.news_xx h4{color: #333; font-weight: bold; font-size: 20px; text-align: center; }
.news_xx span{ font-size: 12px; color: #999999; text-align: center; display: block; line-height: 30px;}
.news_xx p{ color: #888888;}

#mask_shadow {
      display: none;
      opacity: 0;
      position: fixed;
      z-index: 1;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, .5);
    }
    #popup {
      display: none;
      opacity: 0; 
      position: absolute;
      z-index: 2;
      top: 150px;
      width: 350px;
      height: 250px;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
    #popup .title {
      position: relative;
      width: 100%;
      height: 45px;
      background-color: #ad0502;
      cursor: move;
    }
    #popup .title p {
      padding-left: 14px;
      line-height: 55px;
      color: #fff;
    }
    #popup .title span { 
      position: absolute;
      top: 12px;
      right: 10px;
      width: 30px;
      height: 30px;
      color: #000;
      opacity: .2;
      font-size: 21px;
      cursor: pointer;
      text-align: center;
      border: 1px solid #333;
    }
    #popup .title span:hover {
      opacity: .8;
    }
    #popup .cont { width: 100%; height: 220px; background-color: #EDEDED; padding-top: 30px;    }
    #btn1 {
      background: url(../images/user.png) no-repeat left; color: #ad0502; padding-left: 30px; margin-top: 40px; cursor: pointer;
    }
.row{height:40px;line-height:40px;padding:0px 30px; margin-bottom: 12px; padding-right: 10px;}
.close_btn{font-family:arial;font-size:30px;font-weight:700;color:#999;text-decoration:none;float:right;padding-right:4px;}
.inputBox{border:1px solid #c3c3c3;padding:8px 3px 8px 5px;border-radius:5px;margin-left:5px;}
#txtName{height:27px;width:210px;border:none; background:0}
#txtPwd{height:27px;width:208px;border:none;background:0}
#loginbtn{color:White;background:#ad0502;text-decoration:none;height: 40px; line-height: 40px;  width: 290px; display: block; text-align: center; margin-top:30px;border-radius:5px;opacity:0.8;filter:alpha(opacity=80);}
#example{position:fixed;left:390px;top:30px;color:White;background:#4490f7;text-decoration:none;padding:10px 95px;margin-left:87px;margin-top:40px;border-radius:5px;opacity:0.6;filter:alpha(opacity=60);}
.warning{float:right;color:Red;text-decoration:none;font-size:20px;font-weight:bold;margin-right:20px;display:none; }

.focus{ position:relative; width:540px; height:240px; background-color: #000; float: left;}  
.focus img{ width: 540px; height: 240px;} 
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:40px; line-height: 40px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:16px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:10px; right:10px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}
.sub_fl {margin-top: 40px;text-align: center;}
.sub_class{width: 1200px; margin-top: 40px; overflow: hidden; margin-bottom: 20px;} .sub_class ul li{ float: left; width: 270px; margin-right: 30px; margin-bottom: 30px;}
.sub_class-img{ width: 270px; height: 180px; overflow: hidden;}
.sub_class-text{width: 270px; text-align: center; background:#f6f6f6;border: 1px solid #eeeeee; padding: 20px 10px;}
.sub_class-text h4{ color: #333333;}
.sub_class-text span{ color: #ABADB3;}
.sub_fl a {display: inline-block;padding: 5px 15px;border:0!important; margin-right: 10px;}

#leftsead{width:131px;height:143px;position:fixed;top:258px;right:0px;}
*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#leftsead li{width:131px;height:53px;}
#leftsead li img{float:right;border-bottom-left-radius:5px;border-top-left-radius:5px;}
#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:131px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-166px;cursor:pointer;cursor:hand;}
#leftsead li a.youhui .hides{display:none;position:absolute;right:216px;top:60px;}